<template>
  <div>
    <Header />
    <router-view />
    <!-- 
      需求：Footer在登录和注册不要显示，其他组件要显示
      解决：判断当前路径是否是登录或注册
        $router
          要来做编程式导航
        $route
          query 参数
          params 参数
          path 路由路径
          meta 参数

      要求：当表达式比较长、比较复杂的时候用计算属性来写
     -->
    <!-- <Footer v-if="isShowFooter" /> -->
    <Footer v-if="!$route.meta.isHideFooter" />
  </div>
</template>

<script>
import Header from "./components/Header";
import Footer from "./components/Footer";

export default {
  name: "App",
  // computed: {
  //   isShowFooter() {
  //     const { path } = this.$route;
  //     return path !== "/login" && path !== "/register";
  //   },
  // },
  components: {
    Header,
    Footer,
  },
};
</script>

<style lang="less"></style>
